<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>每周三跟踪表选择导出字段</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link href="/dist/plugins/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/dist/plugins/webuploader-0.1.5/webuploader.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=f5a12a1d">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=16f1e6f3">
    <style>
        input[type=checkbox], input[type=radio] {
            margin: 8px 2px 0;
            float:left;

        }

        td span{
            float:left;

        }
        content {
            position: absolute;
            top: 50%;
            height: 240px;
            margin-top: -120px; /* negative half of the height */
        }
        .model-picker-input {
            opacity: 0 !important;
            top: -9999px;
            left: -9999px;
            position: absolute;
        }

        .model-picker-span {
            position: relative;
            display: block;
            outline: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            border-bottom: 1px solid #ccc;
            background-color: #fff;
            color: #ccc;
            cursor: pointer;
        }

        .jiaobiao {
            position: relative;
        }

        .jiaobiao i {
            display: block;
            width: 0;
            height: 0;
            border-width: 0px 0 12px 12px;
            border-style: solid;
            border-color: transparent transparent transparent #2a8cec;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .table-detail td.twoLine {
            line-height: 1.5 !important;
            padding: 3px 0 !important;
        }

        .model-picker-span > .placeholder {
            color: #aaa;
        }

        .model-picker-span > .arrow {
            position: absolute;
            top: 50%;
            right: 8px;
            width: 10px;
            margin-top: -3px;
            height: 5px;
            background: url(../images/drop-arrow.png) -10px -25px no-repeat;
        }

        .model-picker-span.focus,
        .model-picker-span.open {
            border-bottom-color: #46A4FF;
        }

        .model-picker-span.open > .arrow {
            background-position: -10px -10px;
        }

        .model-picker-span > .title > span {
            color: #333;
            padding: 5px;
            border-radius: 3px;
        }

        .model-picker-span > .title > span:hover {
            background-color: #f1f8ff;
        }

        .model-picker-dropdown {
            position: absolute;
            width: 315px;
            left: -9999px;
            top: -9999px;
            outline: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            z-index: 999999;
            display: none;
            min-width: 200px;
            margin-bottom: 20px;
            margin-top: 5px;
        }

        .model-select-wrap {
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
        }

        .model-select-tab {
            border-bottom: 1px solid #ccc;
            background: #f5f5f5;
            font-size: 13px;
        }

        .model-select-tab > a {
            display: inline-block;
            padding: 4px 20px;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid transparent;
            color: #4D4D4D;
            text-align: center;
            outline: 0;
            text-decoration: none;
            cursor: pointer;
            font-size: 14px;
            margin-bottom: -1px;
        }

        .model-select-tab > a.active {
            background: #fff;
            border-bottom: 1px solid #fff;
            color: #46A4FF;
        }

        .model-select-tab > a:first-child {
            border-left: none;
        }

        .model-select-tab > a:last-child.active {
            border-right: 1px solid #ccc;
        }

        .model-select-content {
            width: 100%;
            min-height: 50px;
            background-color: #fff;
            padding: 5px 5px;
        }

        .model-select {
            font-size: 16px;
        }

        .model-select dl {
            line-height: 2;
            clear: both;
            padding: 3px 0;
            margin: 0;
            max-height: 200px;
            overflow-y: scroll;
        }

        .model-select dt {
            position: absolute;
            width: 2.5em;
            font-weight: 500;
            text-align: right;
            line-height: 2;
        }

        .model-select dd {
            margin-left: 0;
            line-height: 2;
        }

        .model-select.province dd {
            margin-left: 3em;
        }

        .model-select a {
            display: inline-block;
            padding: 0 10px;
            outline: 0;
            text-decoration: none;
            white-space: nowrap;
            margin-right: 2px;
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }

        .model-select a:hover,
        .model-select a:focus {
            background-color: #f1f8ff;
            border-radius: 2px;
            color: #46A4FF;
        }

        .model-select a.active {
            background-color: #46A4FF;
            color: #fff;
            border-radius: 2px;
        }

        /* .table-detail input[type=text] {
             padding-left: 0 !important;
         }*/

        td {
            color: #2a8cec;
        }

        td.td-title, td select, td .filename, td.td-module {
            color: #333;
        }

        select {
            color: rgb(42, 140, 236) !important;
            background: #fff;
        }

        .table-detail td {
            font-size: 14px;
            line-height: 29px;
            height: 29px;
            border-right: 1px solid #cbcbcb;
            border-bottom: 1px solid #cbcbcb;
        }

        .table-detail td.td-title {
            line-height: 1.5;
            font-size: 12px;
            height: 29px;
            line-height: 29px;
        }

        .table-detail td.td-row3 {
            height: 70px;
            line-height: 20px;
            max-height: 70px;
            overflow: hidden;
            position: relative;
        }

        .yuying {
            position: absolute;
            right: 10px;
            bottom: 10px;
            width: 20px;
            height: 20px;
            background: url("/dist/img/yuyin.png");
            background-size: cover;
            cursor: pointer;
        }

        input {
            text-align: left !important;
        }

        .table-detail td.td-value {
            text-align: left !important;
            padding-left: 6px !important;
            font-size: 14px !important;
        }

        .table-detail td.td-value2 {
            padding: 1px !important;
            text-align: left !important;
            padding-left: 6px !important;
        }

        .td-value2 input {
            box-shadow: inset 1px 1px 4px #333;
            height: 100% !important;
            padding-left: 4px !important;
        }

        .btn-group-xs > .btn, .btn-xs {
            padding: 1px 5px;
            font-size: 16px;
            line-height: 1.5;
            border-radius: 3px;
        }

        .table-detail textarea {
            height: 60px;
            width: 100%;
            border: none;
            outline: none;
            -webkit-appearance: none;
            resize: none;
            line-height: 20px;
            padding-top: 2px !important;
            padding-left: 6px;
        }

        .td-row3 span {
            max-height: 60px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            text-align: left;

        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .td-module td {
            color: black;
        }

        .table-detail {
            border-left: 1px solid #cbcbcb;
            border-top: 1px solid #cbcbcb;
        }

        .table-detail .td-module {
            background-color: yellow;
        }

        .span-a-btn {
            position: absolute;
            right: 10px;
            margin-right: 19px;
        }

        .span-a-btn a {
            font-size: 20px;
        }

        .lineTwo span {
            max-height: 48px;
            line-height: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            text-align: left;

        }
    </style>
</head>
<body>
<iframe id="ifAttach" style="display:none"></iframe>
<div class="div-td-content-more"><i></i></div>
<section class="content" id="app" v-cloak style="padding:0px;">
    <div class="center" style="overflow:auto;overflow-x:hidden;">
        <iframe id="ifExprot" style="width:0px;height:0px;display: none;" frameborder="0"></iframe>
        <table class="table-detail">
            <tr class="td-module">
                <td colspan="6">
                    <input type="checkbox" id="checkAll" v-model="isCheckedAll1" class="pull-left"  style="margin-top: 9px"/>
                    <span class="pull-left">全选</span>基本信息
                </td>
            </tr>
            <tr>
                <td class="td-title" >
                    <input type="checkbox"  :checked="isArrayBasic('companyName;经销商')"   enabled="isEnable(item)"
                           @click="checked('companyName;经销商')" style="align-content: left;padding-left: 10px;"/>
                    <span>经销商</span>
                </td>

                <td class="td-title">
                    <input type="checkbox"  :checked="isArrayBasic('customerAddress;城市/区域(客户户口所在地)')"   enabled="isEnable(item)" @click="checked('customerAddress;城市/区域(客户户口所在地)')"/>
                    <span>城市/区域(客户户口所在地)</span></td>
                </td>

                <td class="td-title">
                    <input type="checkbox"  :checked="isArrayBasic('buildCityName;用户项目所在地')"   enabled="isEnable(item)" @click="checked('buildCityName;用户项目所在地')"/>
                    <span>用户项目所在地</span>
                </td>

                <td class="td-title">
                    <input type="checkbox"  :checked="isArrayBasic('confirmationDate;商机确认日期')"   enabled="isEnable(item)" @click="checked('confirmationDate;商机确认日期')"/>
                    <span>商机确认日期</span>
                </td>


                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('closeorderProbability;关单机率')"   enabled="isEnable(item)" @click="checked('closeorderProbability;关单机率')"/>
                                <span>关单机率</span>
                            </td>

                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('transactionProbability;成交概率')"   enabled="isEnable(item)" @click="checked('transactionProbability;成交概率')"/>
                            <span>成交概率</span>
                            </td>
            </tr>

            <tr>

                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('customerName;客户姓名')"   enabled="isEnable(item)" @click="checked('customerName;客户姓名')"/>
                                <span>客户姓名</span>
                            </td>

                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('yhdeOlder;是否迪尔老客户')"   enabled="isEnable(item)" @click="checked('yhdeOlder;是否迪尔老客户')"/>
                                <span>是否迪尔老客户</span>
                            </td>


                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('havingModel;现有机型')"   enabled="isEnable(item)" @click="checked('havingModel;现有机型')"/>
                                <span>现有机型</span>
                            </td>

                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('buildCondition;工况')"   enabled="isEnable(item)" @click="checked('buildCondition;工况')"/>
                                <span>工况</span>
                            </td>

                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('needModel;需求机型')"   enabled="isEnable(item)" @click="checked('needModel;需求机型')"/>
                                <span>需求机型</span>
                            </td>

                            <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('needNumber;需求台量')"   enabled="isEnable(item)" @click="checked('needNumber;需求台量')"/>
                                <span>需求台量</span>
                            </td>

            </tr>

            <tr>
                          <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('replacementModel;二手机置换型号')"   enabled="isEnable(item)" @click="checked('replacementModel;二手机置换型号')"/>
                              <span>二手机置换型号</span>
                            </td>

                          <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('competitorBrand;目前竞争品牌')"   enabled="isEnable(item)" @click="checked('competitorBrand;目前竞争品牌')"/>
                              <span>目前竞争品牌</span>
                            </td>

                          <td class="td-title">
                                <input type="checkbox"  :checked="isArrayBasic('buyType;购机方式')"   enabled="isEnable(item)" @click="checked('buyType;购机方式')"/>
                              <span>购机方式</span>
                            </td>

                          <td class="td-title">
                              <input type="checkbox"  :checked="isArrayBasic('confirmationStatus;商机目前状态')"   enabled="isEnable(item)" @click="checked('confirmationStatus;商机目前状态')"/>
                              <span>商机目前状态</span>
                          </td>


                           <td class="td-title">
                               <input type="checkbox"  :checked="isArrayBasic('dealerquote;经销商报价')"   enabled="isEnable(item)" @click="checked('dealerquote;经销商报价')"/>
                               <span>经销商报价</span>
                           </td>

                           <td class="td-title">
                               <input type="checkbox"  :checked="isArrayBasic('dealerpolicy;经销商提供的促销政策')"   enabled="isEnable(item)" @click="checked('dealerpolicy;经销商提供的促销政策')"/>
                               <span>经销商提供的促销政策</span>
                           </td>

            </tr>

            <tr>
                           <td class="td-title" colspan="2">
                               <input type="checkbox"  :checked="isArrayBasic('deliveryDate;预计交机日期/实际赢单日期/实际丢单日期')"   enabled="isEnable(item)" @click="checked('deliveryDate;预计交机日期/实际赢单日期/实际丢单日期')"/>
                               <span>预计交机日期/实际赢单日期/实际丢单日期</span>
                           </td>

                           <td class="td-title">
                               <input type="checkbox"  :checked="isArrayBasic('regionalManagerName;销售员姓名')"   enabled="isEnable(item)" @click="checked('regionalManagerName;销售员姓名')"/>
                               <span>销售员姓名</span>
                           </td>
                <td class="td-title">

                </td>
                <td class="td-title">

                </td>
                <td class="td-title">

                </td>
                       </tr>

            <tr class="td-module">
                <td colspan="6"> <input type="checkbox" id="checkAll2" v-model="isCheckedAll2" class="pull-left "  style="margin-top: 9px"/><span class="pull-left">全选</span>丢单信息</td>
            </tr>
                       <tr>
                           <td class="td-title">
                               <input type="checkbox"  :checked="isArrayLose('lostorderBrand;丢单给哪个品牌')"   enabled="isEnable(item)" @click="checked('lostorderBrand;丢单给哪个品牌')"/>
                               <span>丢单给哪个品牌</span>
                           </td>

                           <td class="td-title">
                               <input type="checkbox"  :checked="isArrayLose('lostorderModel;丢单给哪个型号')"   enabled="isEnable(item)" @click="checked('lostorderModel;丢单给哪个型号')"/>
                               <span>丢单给哪个型号</span>
                           </td>

                           <td class="td-title">
                               <input type="checkbox"  :checked="isArrayLose('lostorderFlag;如丢单，是否丢给二手机')"   enabled="isEnable(item)" @click="checked('lostorderFlag;如丢单，是否丢给二手机')"/>
                               <span>如丢单，是否丢给二手机</span>
                           </td>

                           <td class="td-title">
                               <input type="checkbox"  :checked="isArrayLose('lostorderReason;丢单原因')"   enabled="isEnable(item)" @click="checked('lostorderReason;丢单原因')"/>
                               <span>丢单原因</span>
                           </td>

                         <td class="td-title">
                             <input type="checkbox"  :checked="isArrayLose('lostorderReasonDetails;丢单原因详述')"   enabled="isEnable(item)" @click="checked('lostorderReasonDetails;丢单原因详述')"/>
                             <span>丢单原因详述</span>
                         </td>
                           <td class="td-title">

                           </td>
                     </tr>

            <tr class="td-module">
                <td colspan="6"> <input type="checkbox" id="checkAll3" v-model="isCheckedAll3" class="pull-left "  style="margin-top: 9px"/><span class="pull-left">全选</span>赢单信息</td>
            </tr>

              <tr>
                  <td class="td-title">
                      <input type="checkbox"  :checked="isArrayWin('salePrice;赢单品牌最终卖价')"   enabled="isEnable(item)" @click="checked('salePrice;赢单品牌最终卖价')"/>
                      <span>赢单品牌最终卖价</span>
                  </td>

                  <td class="td-title">
                      <input type="checkbox"  :checked="isArrayWin('interestRate;赢单品牌利率')"   enabled="isEnable(item)" @click="checked('interestRate;赢单品牌利率')"/>
                      <span>赢单品牌利率</span>
                  </td>

                  <td class="td-title">
                      <input type="checkbox"  :checked="isArrayWin('downPayment;赢单品牌首付比例')"   enabled="isEnable(item)" @click="checked('downPayment;赢单品牌首付比例')"/>
                      <span>赢单品牌首付比例</span>
                  </td>

                  <td class="td-title">
                      <input type="checkbox"  :checked="isArrayWin('replacementSubsidy;赢单品牌置换补贴')"   enabled="isEnable(item)" @click="checked('replacementSubsidy;赢单品牌置换补贴')"/>
                      <span>赢单品牌置换补贴</span>
                  </td>


                  <td class="td-title">
                      <input type="checkbox"  :checked="isArrayWin('accessbonus;赢单品牌配件赠送金额')"   enabled="isEnable(item)" @click="checked('accessbonus;赢单品牌配件赠送金额')"/>
                      <span>赢单品牌配件赠送金额</span>
                  </td>
                  <td class="td-title">

                  </td>
              </tr>

            <tr class="td-module">
                <td colspan="6"> <input type="checkbox" id="checkAll4" v-model="isCheckedAll4" class="pull-left "  style="margin-top: 9px"/><span class="pull-left">全选</span>其他</td>
            </tr>

              <tr>
                  <td class="td-title">
                      <input type="checkbox"  :checked="isArrayOther('otherInformation;其他信息')"   enabled="isEnable(item)" @click="checked('otherInformation;其他信息')"/>
                      <span>其他信息</span>
                  </td>

                  <td class="td-title">
                      <input type="checkbox"  :checked="isArrayOther('informationIntegrity;信息填写完整度')"   enabled="isEnable(item)" @click="checked('informationIntegrity;信息填写完整度')"/>
                      <span>信息填写完整度</span>
                  </td>
                  <td class="td-title">

                  </td>
                  <td class="td-title">

                  </td>
                  <td class="td-title">

                  </td>
                  <td class="td-title">

                  </td>
              </tr>
        </table>
        <div class="south no-print" style="height:50px;line-height:50px;text-align:center;">
            <input type="button" style="margin-left:20px;" value="确认导出" class="btn btn-primary btn-sm"
                   @click="exportGet">
        </div>
    </div>
</section>
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=7e54a132"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=54c6b89c"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script type="text/javascript" src="/dist/plugins/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<script src="/dist/plugins/webuploader-0.1.5/webuploader.min.js"></script>
<script type="text/javascript">
    var api = frameElement.api, W = api.opener;
    var app = new Vue({
        el: '#app',
        data: {
            isCheckedAll:false,
            isCheckedAll1:false,
            isCheckedAll2:false,
            isCheckedAll3:false,
            isCheckedAll4:false,
            fields: [],
            fields1: [],
            fields2: [],
            fields3: [],
            fields4: [],
            userId: $.wyui.page.urlParams.userId,
            companyId:$.wyui.page.urlParams.companyId,
            bigRegionalId:$.wyui.page.urlParams.bigRegionalId,
            regionalManagerId:$.wyui.page.urlParams.regionalManagerId,
            key: $.wyui.page.urlParams.key,
            date: new Date().Format("yyyy-MM-dd"),
            list: [
                'companyName;经销商','customerAddress;城市/区域(客户户口所在地)','buildCityName;用户项目所在地','confirmationDate;商机确认日期','closeorderProbability;关单机率','transactionProbability;成交概率','customerName;客户姓名','yhdeOlder;是否迪尔老客户','havingModel;现有机型','buildCondition;工况','needModel;需求机型','needNumber;需求台量','replacementModel;二手机置换型号','competitorBrand;目前竞争品牌','buyType;购机方式','confirmationStatus;商机目前状态','dealerquote;经销商报价','dealerpolicy;经销商提供的促销政策','deliveryDate;预计交机日期/实际赢单日期/实际丢单日期','regionalManagerName;销售员姓名','lostorderBrand;丢单给哪个品牌','lostorderModel;丢单给哪个型号','lostorderFlag;如丢单，是否丢给二手机','lostorderReason;丢单原因','lostorderReasonDetails;丢单原因详述','salePrice;赢单品牌最终卖价','interestRate;赢单品牌利率','downPayment;赢单品牌首付比例','replacementSubsidy;赢单品牌置换补贴','accessbonus;赢单品牌配件赠送金额','otherInformation;其他信息','informationIntegrity;信息填写完整度'
            ],
            basicList: [
                'companyName;经销商','customerAddress;城市/区域(客户户口所在地)','buildCityName;用户项目所在地','confirmationDate;商机确认日期','closeorderProbability;关单机率','transactionProbability;成交概率','customerName;客户姓名','yhdeOlder;是否迪尔老客户','havingModel;现有机型','buildCondition;工况','needModel;需求机型','needNumber;需求台量','replacementModel;二手机置换型号','competitorBrand;目前竞争品牌','buyType;购机方式','confirmationStatus;商机目前状态','dealerquote;经销商报价','dealerpolicy;经销商提供的促销政策','deliveryDate;预计交机日期/实际赢单日期/实际丢单日期','regionalManagerName;销售员姓名'
            ],
            loseList: [
                'lostorderBrand;丢单给哪个品牌','lostorderModel;丢单给哪个型号','lostorderFlag;如丢单，是否丢给二手机','lostorderReason;丢单原因','lostorderReasonDetails;丢单原因详述'
            ],
            winList: [
                'salePrice;赢单品牌最终卖价','interestRate;赢单品牌利率','downPayment;赢单品牌首付比例','replacementSubsidy;赢单品牌置换补贴','accessbonus;赢单品牌配件赠送金额'
            ],
            otherList: [
                'otherInformation;其他信息','informationIntegrity;信息填写完整度'
            ],
        },
        watch: {
            isCheckedAll: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.list.length; i++) {
                        var item = this.list[i];
                        item.checked = this.isCheckedAll;
                        this.fields.push(item);
                    }

                } else {
                    this.fields = [];
                    for (var i = 0; i < this.list.length; i++) {
                        var item = this.list[i];
                        item.checked = this.isCheckedAll;
                    }
                }
            },
            isCheckedAll1: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.basicList.length; i++) {
                        var item = this.basicList[i];
                        item.checked = this.isCheckedAll1;
                        this.fields1.push(item);
                    }

                } else {
                    this.fields1 = [];
                    for (var i = 0; i < this.basicList.length; i++) {
                        var item = this.basicList[i];
                        item.checked = this.isCheckedAll1;
                    }
                }
            },
            isCheckedAll2: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.loseList.length; i++) {
                        var item = this.loseList[i];
                        item.checked = this.isCheckedAll2;
                        this.fields2.push(item);
                    }

                } else {
                    this.fields2 = [];
                    for (var i = 0; i < this.loseList.length; i++) {
                        var item = this.loseList[i];
                        item.checked = this.isCheckedAll2;
                    }
                }
            },
            isCheckedAll3: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.winList.length; i++) {
                        var item = this.winList[i];
                        item.checked = this.isCheckedAll3;
                        this.fields3.push(item);
                    }

                } else {
                    this.fields3 = [];
                    for (var i = 0; i < this.winList.length; i++) {
                        var item = this.winList[i];
                        item.checked = this.isCheckedAll3;
                    }
                }
            },
            isCheckedAll4: function (isCheck) {
                if (isCheck) {
                    for (var i = 0; i < this.otherList.length; i++) {
                        var item = this.otherList[i];
                        item.checked = this.isCheckedAll4;
                        this.fields4.push(item);
                    }

                } else {
                    this.fields4 = [];
                    for (var i = 0; i < this.otherList.length; i++) {
                        var item = this.otherList[i];
                        item.checked = this.isCheckedAll4;
                    }
                }
            }
        },
        methods: {
            checked: function (item) {
                var that = this;
                if ($.inArray(item, that.fields) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    console.log(that.fields.length)
                    for (var i = 0; i < that.fields.length; i++) {
                        if (that.fields[i] == item) {
                            that.fields.splice(i, 1);
                            console.log(that.fields)
                        }
                    }
                } else {
                    // 选中该checkbox
                    that.fields.push(item)
                }
            },
            isArray: function (id) {
                var that = this;
                if ($.inArray(id, that.fields) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayBasic: function (id) {
                var that = this;
                if ($.inArray(id, that.fields1) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayLose: function (id) {
                var that = this;
                if ($.inArray(id, that.fields2) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayWin: function (id) {
                var that = this;
                if ($.inArray(id, that.fields3) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isArrayOther: function (id) {
                var that = this;
                if ($.inArray(id, that.fields4) > -1) {
                    // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状态)
                    return true;
                } else {
                    // 选中该checkbox
                    return false;
                }
            },
            isEnable: function (item) {
                return true;
            },
            exportGet: function () {
                var that = this;
                for (var i=0;i<that.fields1.length;i++){
                    that.fields.push(that.fields1[i])
                }
                for (var i=0;i<that.fields2.length;i++){
                    that.fields.push(that.fields2[i])
                }
                for (var i=0;i<that.fields3.length;i++){
                    that.fields.push(that.fields3[i])
                }
                for (var i=0;i<that.fields4.length;i++){
                    that.fields.push(that.fields4[i])
                }
                var fieldList = that.fields.join(",");
                console.log(fieldList)

                $('#ifExprot').attr('src', server.ip
                    + "/thurTrack/getDownByCondition.json"
                    + '?userId=' + that.userId
                    + '&key=' + that.key
                    + '&companyId=' + that.companyId
                    + '&bigRegionalId=' + that.bigRegionalId
                    + '&regionalManagerId=' + that.regionalManagerId
                    + '&fieldList=' + fieldList
                    + '&date=' + that.date
                );
                setTimeout(function () {
                    App.unblockUI('#app');
                    api.close();
                }, 4000)
               // return false;
            }


        },
        mounted: function () {

        }
    });

</script>
</body>
</html>